$(function(){
//focus------
	var $id =$('#hd');
	var amount=$id.find('ul:first li').length;
	var index=0;
	var height=$id.find('ul:first li').height();
	var focustimer;
	
	$id.find('ul:last li').mouseover(function(){
		index=$id.find('ul:last li').index(this);
		shows(index,height,300);
	}).eq(0).mouseover();
	
	$id.hover(function(){
		clearInterval(focustimer);
	},function(){
		focustimer=setInterval(function(){
			shows(index,height,500);
			index++;
			if(index==amount) index=0; 
		},3000);
	}).trigger('mouseleave');
//------focus

//slide------
	var bobao_scrollTimer;
	$("#bobao").hover(function(){
		clearInterval(bobao_scrollTimer);
	},function(){
		bobao_scrollTimer = setInterval(function(){
			scrollNotices($("#bobao"));
		},3500 );
	}).trigger("mouseleave");
//------slide

//index tab------
	$('.tab1').click(function(){
		$(this).addClass('on').siblings().removeClass('on');
		$('.tab1Page').eq($(this).index()).fadeIn().siblings('.tab1Page').hide();
	})
	$('.tab2').click(function(){
		$(this).addClass('on').siblings().removeClass('on');
		$('.tab2Page').eq($(this).index()).fadeIn().siblings('.tab2Page').hide();
	})
	$('.tab3').click(function(){
		$(this).addClass('on').siblings().removeClass('on');
		$('.tab3Page').eq($(this).index()).fadeIn().siblings('.tab3Page').hide();
	})
//------index tab


})
function shows(index,height,speed){
	$('#hd ul:first').stop(true,false).animate({top:-height*index},speed);
	$('#hd ul:last li').removeClass('cur').eq(index).addClass('cur');
};
function scrollNotices(obj){
	var $self = obj.find("ul:first"); 
	var lineWidth = $self.find("li:first").width();
	$self.animate({"marginLeft":-lineWidth+"px",opacity:0.5},500,function(){
	$self.css({marginLeft:0,opacity:1}).find("li:first").appendTo($self);
	})
};